@font-face {
  font-family: Ratchicons;
  font-weight: normal;
  font-style: normal;
  src: url('../fonts/ratchicons.eot');
  src: url('../fonts/ratchicons.eot?#iefix') format('embedded-opentype'), url('../fonts/ratchicons.woff') format('woff'), url('../fonts/ratchicons.ttf') format('truetype'), url('../fonts/ratchicons.svg#svgFontName') format('svg');
}
.icon {
  display: inline-block;
  font-family: Ratchicons;
  font-size: 24px;
  line-height: 1;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}
.icon-back:before {
  content: '\e80a';
}
.icon-bars:before {
  content: '\e80e';
}
.icon-caret:before {
  content: '\e80f';
}
.icon-check:before {
  content: '\e810';
}
.icon-close:before {
  content: '\e811';
}
.icon-code:before {
  content: '\e812';
}
.icon-compose:before {
  content: '\e813';
}
.icon-download:before {
  content: '\e815';
}
.icon-edit:before {
  content: '\e829';
}
.icon-forward:before {
  content: '\e82a';
}
.icon-gear:before {
  content: '\e821';
}
.icon-home:before {
  content: '\e82b';
}
.icon-info:before {
  content: '\e82c';
}
.icon-list:before {
  content: '\e823';
}
.icon-more-vertical:before {
  content: '\e82e';
}
.icon-more:before {
  content: '\e82f';
}
.icon-pages:before {
  content: '\e824';
}
.icon-pause:before {
  content: '\e830';
}
.icon-person:before {
  content: '\e832';
}
.icon-play:before {
  content: '\e816';
}
.icon-plus:before {
  content: '\e817';
}
.icon-refresh:before {
  content: '\e825';
}
.icon-search:before {
  content: '\e819';
}
.icon-share:before {
  content: '\e81a';
}
.icon-sound:before {
  content: '\e827';
}
.icon-sound2:before {
  content: '\e828';
}
.icon-sound3:before {
  content: '\e80b';
}
.icon-sound4:before {
  content: '\e80c';
}
.icon-star-filled:before {
  content: '\e81b';
}
.icon-star:before {
  content: '\e81c';
}
.icon-stop:before {
  content: '\e81d';
}
.icon-trash:before {
  content: '\e81e';
}
.icon-up-nav:before {
  content: '\e81f';
}
.icon-up:before {
  content: '\e80d';
}
.icon-right-nav:before {
  content: '\e818';
}
.icon-right:before {
  content: '\e826';
}
.icon-down-nav:before {
  content: '\e814';
}
.icon-down:before {
  content: '\e820';
}
.icon-left-nav:before {
  content: '\e82d';
}
.icon-left:before {
  content: '\e822';
}
